/* =============================================================================

	STYLE.CSS
	version: 1.6
	updated: 2009-03-06, 13:00 GMT+1

============================================================================= */

/* =============================================================================
HTML - styles
============================================================================= */

body {
	
	background-image:url(vlnb/bg.gif);
	background-color:#eaeaea; 
	color:#303030;
}
a {color:#1783b6;}
a:hover, a:active, a:focus {color:#f3892d;}
#content h2 {color:#0085cc;}
#content table {border:2px solid #cfcfcf;}
#content table th {
	border-right:1px solid #CFCFCF; 
	background-color:#384556;
	color:#fff;
}
#content table td {border:1px solid #cfcfcf;}
#content table tr.bg td {background-color:#cce9f7;}
#content dl dt {color:#df0000;}
#content fieldset {border:1px solid #ccc;}
#content legend {background:#FFF; color:#354151;}
#content acronym, #content abbr, #content .help {border-bottom:1px dotted #cfcfcf;}

/* =============================================================================
HTML - without styles
============================================================================= */

table.nostyle th, dl.nostyle dt {color:#303030 !important;}

/* =============================================================================
LAYOUT
============================================================================= */

#tray {background-color:#303030; color:#cfcfcf;}
#tray a, #tray strong {color:#fff;}
#tray a:hover, #tray a:active, #tray a:focus {color:#b4e3ff;}
#menu {background-color:#0085cc;}
#menu ul li a {background-color:#fff; color:#303030;}
#menu ul li a span {background-color:#FFF;}
#menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus, #menu ul li#menu-active a {background-color:#FFF; color:#df0000;}
#menu ul li a:hover span, #menu ul li#menu-active a span {background-color:#FFF;}
#menu ul li#menu-active a {/*color:#354151;*/}
#menu ul.f-right a {color:#df0000;}
#content {border:1px solid #afafaf; background:#fff;}
#footer {color:#707070;}
#footer a {color:#707070;}
#footer a:hover, #footer a:active, #footer a:focus {color:#303030;}

/* =============================================================================
OTHERS
============================================================================= */

#aside #logo img {border:1px solid #bfbfbf;}
#aside #search fieldset a {color:#303030;}
#aside #search fieldset {border:1px solid #bfbfbf;}
#aside #search fieldset a:hover, #aside #search fieldset a:active, #aside #search fieldset a:focus {color:#df0000;}
#aside #btn-create a {background-color:#fff; color:#303030;}
#aside #btn-create a span {background-color:#fff;}
#aside ul li a {
	/*border-bottom:1px solid #cfcfcf;*/
	color:#FFFFFF;
}
#aside ul li#submenu-active a {
	background-color:#6dd5e2; 
	color:#fff;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
#aside ul li a:hover, #aside ul li a:active, #aside ul li a:focus {
	text-decoration:underline;
}
#aside ul ul li a, #aside ul li#submenu-active ul li a {
	/*
	border-bottom:1px solid #cfcfcf; 
	background-color:#f5f5f5; 
	*/
	color:#FFF;
}
#aside ul li ul li a {background-color:#e3e3e3;}
#aside ul ul li a:hover, #aside ul ul li a:active, #aside ul ul li a:focus, #aside ul li#submenu-active ul li a:hover, #aside ul li#submenu-active ul li a:active, #aside ul li#submenu-active ul li a:focus {color:#df0000;}
#aside ul li ul{ display:none;}
#aside ul li#submenu-active ul{ display:block;}
#content h1 {background-color:#6dd5e2; color:#fff;}
#content .tabs {border-bottom:1px solid #cfcfcf;}
#content .tabs a {color:#303030;}
#content .tabs a span {color:#303030;}
#content .tabs .ui-tabs-selected a {color:#fff;}
#content .tabs .ui-tabs-selected a span {color:#fff;}
.high {color:#df0000;}
.high-bg {background:#FFB;}
.low {color:#707070;}

.txt_red{color:#FF0000}
.txt_u{text-decoration:underline}

/*===========================Table Dash Board== */


#dashboardTable {
    border-collapse: collapse;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    width: 50%;
}
#dashboardTable td, #dashboardTable th {
    border: 1px solid #2A99E0;
    font-size: 1.2em;
    padding: 15px 7px 2px;
    height:30px;
    text-align: center;
}

#dashboardTable th {
    background-color:  #2A99E0;
    color: #FFFFFF;
    font-size: 1.4em;
    padding-bottom: 4px;
    padding-top: 5px;
}

#dashboardTable tr.alt td {
    background-color: #EAF2D3;
    color: #000000;
}

.homeButton
{
	-moz-box-shadow:inset 0px 1px 0px 0px #75a7d6;
	-webkit-box-shadow:inset 0px 1px 0px 0px #75a7d6;
	box-shadow:inset 0px 1px 0px 0px #75a7d6;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
	text-align:center;
}
.homeButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}
.homeButton:active {
	position:relative;
	top:1px;
}

.feedback-pending {
  background-color: #df0000 !important;
  color: white !important;
}
.marketing-feedback-pending {
  background-color: yellowgreen !important; 
}
.buying-feedback-pending {
  background-color: blue !important; 
}
.feedback-complete {
  background-color: green !important;  
}

.feedback-complete a, .buying-feedback-pending a, .marketing-feedback-pending a, .feedback-pending  a{
 color: white !important;
}
  


